@import (reference) "~weaver-mobile/dist/weaver-mobile.less";
.eCharts-pie-container {
  -webkit-overflow-scrolling: touch;
  background: @color-text-base-inverse;
  padding-bottom: 15 * @hd;
  background: @fill-body;
  .signTop{
    height: 6 * @hd;
  }
  &-list{
    background: @color-text-base-inverse;
    // .echartDetailDiv{
    //   margin-top: -25 * @hd;
    // }
  }
  .eCharts-pie-detail{
    height:175px;
    overflow: hidden;
    .eCharts-pie-div{
      height:200px,
    }
  }
  
  table{
    width:100%;
    height:50 * @hd;
    border-bottom:1px solid #F4F4F4;
    td{
      text-align: center;
      span{
        display:block
      }
      .letterShow{
        font-size: 12 * @hd;
        color: @color-text-caption;
      }
    }
    .attend{
      font-size: 24 * @hd;
      color:#55B1F9
    }
    .unAttend{
      font-size: 24 * @hd;
      color:#FF9900;
      border-left:1px solid #F4F4F4;
    }
    .unWrite{
      font-size: 24 * @hd;
      color:@color-text-placeholder;
      border-left:1px solid #F4F4F4;
    }
  }
  .eCharts-qrcode-div{
    height:40 * @hd;
    color:@color-text-placeholder;
    font-size: 14 * @hd;
    font-weight: 400;
    text-align: center;
    border-bottom: 1px solid #F4F4F4;
    span{
      line-height: 40 * @hd;
    }
    .imageSpan{
      float: right;
      line-height: 40 * @hd;
      font-size: 25 * @hd;
      color:#D1D1D6;
      img{
        max-height: 20 * @hd;
        max-width: 20 * @hd;
      }
      svg{
        position: relative;
        top: 1 * @hd;
      }
    }
  }
  
}